<template>
	<view class="content">
		<u-navbar :fixed="false" title="发放派工" :autoBack="true" :safeAreaInsetTop="true" leftIconColor="#fff"></u-navbar>


		<view class="content_main">
			<uni-forms ref="baseForm" :modelValue="formData" label-position="left" class="FormDataBox"
				label-width="90px">

				<uni-forms-item name="EmplCode" label="工艺工序">
					<view @click="openBaseScreen('用量单位','radio')">
						<uni-easyinput type="text" v-model="formData.ProcedureName" :readonly="true"
							:inputBorder="false" trim="all" :clearable="false" placeholder="请选择工序"
							suffixIcon="right"></uni-easyinput>
					</view>
				</uni-forms-item>
			</uni-forms>
		</view>



		<!-- 悬浮按钮_新增 -->
		<m-drag-button :style="{ opacity: BtnShow ? 1 : 0, }" :isDock="true" :existTabBar="true" :initialBottom="80"
			@btnClick="ToAddWorkBtn">
			<template #BtnContent>
				<u-icon name="plus" color="#fff" size="54rpx"></u-icon>
			</template>
		</m-drag-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				BtnShow: false,
				formData: {
					ProcedureName: '',
					ProcedureID: '',
				}
			};
		},
		onLoad(option) {
			console.log(option)
		},
		mounted() {
			let that = this;

			that.$nextTick(() => {
				that.BtnShow = true;

			})
		},
		methods: {
			ToAddWorkBtn() {

			},
			openBaseScreen() {

			},
		}
	}
</script>

<style lang="scss">
	.content {
		background-color: #f5f5f5;

		// 表单内容
		.FormDataBox {
			width: 90%;
			margin: 0 auto;

			.uni-forms-item {
				padding: 10rpx 20rpx;
				background-color: #fff;
				margin-top: 20rpx;

				&:first-child .uni-forms-item__label {
					color: #b5b5b5 !important;
				}
			}

			// 输入框上层类名
			.uni-easyinput__content {
				background-color: transparent !important;
				border: none !important;
				// border-bottom: 1px solid #c6c6c6 !important;
			}

			.uni-easyinput__content-input {
				padding-left: 30rpx !important;
			}
		}

		.SubmitBtn {
			background-color: $main-background-color;
		}

	}
</style>